<div class="produce flex_column flex_space_between">
  <div>
    <!--<div class="produce_form">-->
    <!--<div class="input_group">-->
    <!--<input type="text" placeholder="产品名"/>-->
    <!--<select name="type" id="">-->
    <!--<option value="请选择">请选择</option>-->
    <!--<option value="屁颠虫音响">屁颠虫音响</option>-->
    <!--<option value="生活用品">生活用品</option>-->
    <!--<option value="电子玩具">电子玩具</option>-->
    <!--</select>-->
    <!--<button>搜索</button>-->
    <!--</div>-->
    <!--</div>-->
    <!--添加修改按钮部分-->
    <div class="member_button">
      <button id="member_button_add" (click)=addPro()><i class="fa fa-pencil-square-o"></i>新增</button>
      <!--<button id="mosifyContent" (click)=modifyProduce()><i class="fa fa-edit"></i>修改</button>-->
      <!--<button id="modifySort" (click)=modifySort()><i class="fa fa-sort-numeric-asc"></i>修改排序</button>-->
      <!--<button class="member_delete" (click)=deleteProduce()><i class="fa fa-trash"></i>删除</button>-->
    </div>

    <div class="loadingOutbox" [@flyIn]="active">
      <table class="table table-bordered table-hover">
        <thead>
        <tr>
          <td *ngFor="let thead of theads">{{thead}}</td>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let article of articleLists,let i=index">
          <td>{{article.title}}</td>
          <td>{{article.createTime | date: "MM/dd/y"}}</td>
          <td>{{article.content==="1"?"企业资讯":"行业资讯"}}</td>
          <td>
            <button (click)="editArticle(article.id)" class="btn btn-primary btn-sm">修改</button>
            <button (click)="deleteArticle(article.id)" class="btn btn-primary btn-sm">删除</button>
          </td>
        </tr>
        </tbody>

      </table>
      <div class="loading" *ngIf="showLoading">
        <h4>loading...</h4>
      </div>
    </div>


    <!--内容列表部分-->
    <!--<div>-->
    <!--<div class="member_table" *ngIf="showTableBoolean">-->
    <!--<app-table-ability  [comeFromParentTheads]="produceThead" [comeFromPaginLists]="produces"></app-table-ability>-->
    <!--</div>-->
    <!--</div>-->
    <!--</div>-->

    <!--<div>-->
    <!--&lt;!&ndash;页签部分&ndash;&gt;-->
    <!--<app-pagination [UniqueCode]="producePageUniqueCode"-->
    <!--(produceFromPagination)="comeFromPagination($event)"></app-pagination>-->
    <!--</div>-->
    <!--设置添加产品的html-->
    <div class="confirm_delete" *ngIf="showDeleteConfirm">
      <div class="confirm_div">
        <div class="confirm_part1 flex flex_row flex_space_between">
          <div>信息</div>
          <span class="fa fa-times-circle" (click)="closeConfirm()"></span>
        </div>
        <div class="confirm_part2">
          <p>确定执行？</p>
        </div>
        <div class="confirm_part3">
          <button class="confirm_sure" (click)="deleteProduceSure()">确定</button>
          <button class="confirm_concel" (click)="closeConfirm()">取消</button>
        </div>
      </div>
    </div>

    <form class="modalControl" *ngIf="showBoolean">
      <app-modal [comeFromShowSecondImageUpload]="showSecondImageUpload" [showUniqueTitle]="publicArticleUnique"
                 [comeMultipleRichtext]="onlyOne" [introduceFromText]="richText" [inputValueFromProduce]="inputValue"
                 [imagesFromParent]="produceImage"
                 [httpUrlFromParent]="uniqueHttpUrl"
                 (booleanFromModal)="comeFromModalBoolean($event)">
        <div class="modalHeader">
          <h4>新增文章页面</h4>
        </div>
        <div class="modalInput">
          <div class="form-group">
            <label for="title1">发布文章内容标题</label>
            <input name="title1" id="title1" [(ngModel)]="inputValue.articleTitle" (blur)="newsTitle($event)" type="text" class="form-control">
          </div>
          <!--<div class="form-group" [hidden]="!showPublicUniqueArticle" >-->
          <!--<label for="title2">发布企业资讯内容标题</label>-->
          <!--<input id="title2" (input)="newsTitle($event)" type="text" class="form-control" >-->
          <!--</div>-->
          <div class="form-group">
            <label for="directory">文章目录</label>
            <select class="form-control" [(ngModel)]="inputValue.newsDir" id="directory"
                     (change)="newsDirectory($event)" name="newsDir">
              <option [value]="2">请选择：</option>
              <option [value]="1">企业资讯</option>
              <option [value]="0">行业资讯</option>
            </select>
          </div>
          <!--<div class="form-group">-->
            <!--<label for="author">作者:</label>-->
            <!--<input name="author" id="author" type="text" [(ngModel)]="inputValue.newsAuthor" class="form-control" (blur)="newsAuthor($event)">-->
          <!--</div>-->
        </div>
      </app-modal>
    </form>
  </div>
</div>
